﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/public.css">
    <title>2016年会方案研讨</title>
    <style>
        html,body{
            width:100%;
            height:100%;
        }
        .containerparty{
            width:88%;
            margin:0 auto;
            position:relative;
            padding-bottom: 70px;
        }
        h2{
            text-align: center;
            font-size:22px;
            font-weight: 100;
            color:rgb(80,80,80);
            padding:16px 0;
        }
        .contenttext{
            color:rgb(100,100,100);
            padding-bottom: 30px;
            border-bottom: 1px solid rgb(200,200,200);
        }
        .text{
            text-indent: 2em;
            padding:10px 0;
            font-size:15px;
        }
        .time{
            font-size:16px;
            padding-bottom:14px;
        }
        .meettime{

        }
        .today{
            float:right;
            color:rgb(46,182,185);
        }
        .fl{
            width:33%;
            float:left;
        }
        .mp{
            margin:10px 0;
            padding:6px 0;
        }
        .bdl{
            border-left:1px solid rgb(180,180,180);
        }
        .fcp{
            color:rgb(46,182,185);
            /*padding:0 12px 0 20px;*/
            padding-left:4px;
        }
        .fcp2{
            color:rgb(46,182,185);
            padding:0 12px 0 0 ;
        }
        .icon{
            float:right;
            width:24px;
            /*margin-top:-6px;*/
        }
        .tc{
            text-align: center;
            color:rgb(46,182,185);
            font-size: 22px;
        }
        .replybtn{
            position: fixed;
            bottom: 0;
            width:100%;
            background: rgb(240,240,240);
            margin-left:-6%;
        }
        .p{
            padding:12px 0;
        }
        .data{
            border-bottom: 1px solid rgb(200,200,200);
        }
        .headpic{
            display:block;
            float: left;
            width:20%;
            min-height:20px;
        }
        .headpic img{
            border-radius:50%;
            display:block;
            margin:0 auto;
        }
        .contentReply{
            float:left;
            width:80%;
        }
        .lh{
            line-height: 24px;;
        }
        .replytime{
            float: right;
        }
        .reply{
            margin:4px 0 8px 0;
            color:rgb(100,100,100);
        }
        .contentReply .name{
            font-size:16px;
        }
        .contentReply p{
            font-size:13px;
        }
        .detail{
            padding-top:6px;
        }
        .thereply{
            margin-bottom: 26px;
        }
        h3{
            padding:10px 0;
        }
        .inputreply{
            width:100%;
            display: block;
            line-height: 26px;
            font-size:16px;
            padding:10px;
            margin-left:-10px;
            border:none;
        }
        .replybox{
            width:100%;
            height:100%;
            position:fixed;
            top:100%;
            background:#ffffff;
            margin:0 auto;
        }
        .tleheader{
            background: rgb(46,182,185);
        }
        h1{
            color:#fff;
        }
        .fb{
            border:none;
        }
    </style>
</head>
<body>
    <header class="tleheader">
        <p class="backbtn"><a style="margin:0;">
            <img src="../icon/arrow/zjt.PNG" class="backpic" alt="">
            <span>返回</span></a>
        </p>
        <h1 class="tc" style="color:#fff;">2016年会方案研讨</h1>
        <p class="somebtn">
            <span><a href="">编辑</a></span>
        </p>
        <div class="clear"></div>
    </header>
    <div class="containerparty">
        <h2>2016年会方案研讨</h2>
        <div class="contenttext">
            <p class="time">
                <span class="meettime">会议时间：</span> <time>2016-01-12 16:59</time>        <span class="today">今日</span>
            </p>
            <p class="text">匆匆一年，就要过年啦！XX也准备举办我们自己的年会。</p>
            <p class="text">本次会议主要商讨年方案，请通知到的相关人员准时到会，谢谢！</p>
        </div>


        <div class="data">
            <div class="fl mp">
                <span class="fcp fs14">参加</span> <img src="../icon/arrow/yjths.png" class="icon">   <span class="fr fs14 lh"> 3人 </span>
            </div>
            <div class="fl mp bdl fs14">
                <span class="fcp fs14">待定</span>     <img src="../icon/arrow/yjths.png" class="icon"> <span class="fr fs14 lh"> 3人 </span>
            </div>
            <div class="fl mp bdl fs14">
                <span class="fcp">请假</span>    <img src="../icon/arrow/yjths.png" class="icon"> <span class="fr fs14 lh"> 3人 </span>
            </div>
            <div class="clear bdb  bb"></div>
            <p class="mp" id="meetingreply"><span class="fcp">会议纪要</span>     <img src="../icon/jltb.png" class="icon"></p>
        </div>

        <!--<div class="reply">-->
            <!--<p class="mp"><span class="fcp2">会议回复</span>-->
            <!--<div class="thereply">-->
                <!--<div class="headpic">-->
                    <!--<img src="http://placehold.it/50x50" alt="">-->
                <!--</div>-->
                <!--<div class="contentReply">-->
                    <!--<div>-->
                        <!--<span class="name">狄丹阳</span>-->
                        <!--<time class="replytime">18:10</time>-->
                    <!--</div>-->
                    <!--<p class="detail">本次会议主要商讨年方案，请通知到的相关人员准时到会，谢谢！</p>-->
                <!--</div>-->
                <!--<div class="clear"></div>-->
            <!--</div>-->
            <!--<div class="thereply">-->
                <!--<div class="headpic">-->
                    <!--<img src="http://placehold.it/50x50" alt="">-->
                <!--</div>-->
                <!--<div class="contentReply">-->
                    <!--<p>-->
                        <!--<span class="name">狄丹阳</span>-->
                        <!--<time class="replytime">18:10</time>-->
                    <!--</p>-->
                    <!--<p class="detail">本次会议主要商讨年方案，请通知到的相关人员准时到会，谢谢！</p>-->
                <!--</div>-->
                <!--<div class="clear"></div>-->
            <!--</div>-->
            <!--<div class="clear"></div>-->
        <!--</div>-->

        <div class="replybtn">
            <div class="p tc">签到</div>
        </div>
    </div>

    <div id="export" style="" class="replybox">
        <form style="width:80%;margin:0 auto;">
            <h3 id="type" style="text-align:center;">会议回复</h3>
            <textarea name="" id="" cols="30" rows="6" class="inputreply" placeholder="请输入要翻译的文字"></textarea>
            <button type="submit" class="btn">发布</button>
            <div class="btn" id="cancel" style="float:right;background:rgb(180,180,180);margin-right:14px">取消</div>
        </form>
    </div>
    <script>
        document.getElementById("meetingreply").onclick = function(){
            document.getElementById("export").style.transition = "-webkit-transform .5s ease-out";
            document.getElementById("export").style.webkitTransform = "translateY(-100%)";
        }
        document.getElementById("cancel").onclick = function(){
            document.getElementById("export").style.transition = "-webkit-transform .5s ease-out";
            document.getElementById("export").style.webkitTransform = "translateY(0)";
        }
    </script>
<script type="text/javascript" src="../js/back.js"></script>
</body>
</html>